<template>
  <section class="moban1">
    <div v-if="ggBool" class="ggBox">
      <img src="../../assets/img/advertisement/bg-gg.png" alt="广告">
      <div class="buttonBox">
        <button @click="closeGg">收起</button>
      </div>
    </div>
    <my-header :header-obj="headerObj" />
    <crumbs />
    <router-view />

    <my-footer :footer-obj="footerObj" />

    <pop-input2 />
    <img-text />
    <pop-login>''</pop-login>
    <!-- <pop-common /> -->
  </section>
</template>

<script>

import myHeader from '../../components/template-item1/header/header'
import myFooter from '../../components/template-item1/footer/footer'
import crumbs from '../../components/template-item1/crumbs'

import popInput2 from '../../components/template-item1/pop/input2'
import imgText from '../../components/template-item1/pop/imgText'
import popLogin from '../../components/template-item1/pop/login'
export default {
  name: 'Main',
  components: { myHeader, myFooter, popInput2, popLogin, crumbs, imgText },
  data() {
    return {
      ggBool: true,
      headerObj: {
        logoImg: require('../../assets/img/common/logo2.png')
      },
      footerObj: {
        logoImg: require('../../assets/img/common/logo0.png'),
        css: {
          bgUrl: require('../../assets/img/footer/footer-bg.png')
        },
        mostColor: '#DBEEFD',
        titColor: '#fff'
      }
    }
  },
  created() {},
  methods: {
    closeGg() {
      this.ggBool = false
    }
  }
}
</script>

<style lang="scss" scoped>

/* 模板1引用 */
@import url('../../assets/template-item1/css/reset.css');
@import url('../../assets/template-item1/iconfont/iconfont.css');
@import url('../../assets/template-item1/css/element.css');

section{
  width: 100%;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #F6F6F6;
}
.ggBox{

  >img{
    display: block;
    width: 100%;
    max-width: 1920px;
    min-width: 1200px;

  }
  >.buttonBox{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    >button{
      width: 40px;
      height: 16px;
      line-height: 16px;
      text-align: center;
      background-color: rgba(255, 255, 255, .23);
      font-size: 12px;
      color: #D6D6D6;
      border-radius: 4px;
      cursor: pointer;
      position: absolute;
      right: 0;
      bottom: 0;
    }
  }
}
</style>

